    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
       <script src="/Public/js/jquery.min.js"></script>
       <script src="/Public/js/bootstrap.min.js"></script> 

        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base_style.css">
        <style type="text/css">
            body{
                background-color: #f4f4f4;
            }
            .content{
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                overflow-x:hidden !important;
                overflow-y:auto;  
                text-align: center;
            }
            .title-bar{
                padding-top: 0;
                background-color: white;
                padding-top: 20px;
            }
            .userPic{
               /* display: block;
                float: left;*/
                width: 50px;
                height: 50px;
                border-radius: 50%;
                border: 1px solid gray;
                background-image:url({$user['headimgurl']});
                background-size: 100% 100%;
                margin: 0 0 0 20px;
                font-weight: bolder;
            }
            .userName{
                position:absolute;
                top:50px;
                left:80px;
                color: #505960;
                font-size: 16px;
            }
            .userName span{
                color:#34d098;
            }
            .star{
                float: left;
                margin-left: 80px;
                color: #505960;
            }
            .star div{
                float: right;
                margin: 2px 0 0 3px;
                font-size: 16px;
            }
            .star img{
                width: 18px;
                height: 17px;
            }
            
            .title-bar .name{
                text-align: center;
                width: 60%;
                height: 40px;
                font-size: 20px;
                font-weight: bolder;
                padding: 0;
                border:1px solid #34d098;
                border-radius: 20px;
                margin-bottom: 20px;
                margin-top: 60px;
            }
            .candidate-tip{
                /*position: absolute;*/
                background-color: #e2e6ea;
                color: white;
                width: 150px;
                font-size: 14px;
                margin: 20px auto;
                padding: 0 3px;
                border-radius:10px;
                font-weight: bolder; 
            }
            .recommend-name{
                width: 90%;
                color:#34d098;
                text-align: left;
                margin: 5px auto;
                padding: 10px 0;
            }

            .recommend-title{
                width: 90%;
                text-align: left;
                margin: 0 auto;
                margin-top: 5px;
            }
            .recommend-content{
                background-color: white;
                padding: 10px 0;
            }

            .recommend-btn{
                width: 90%;
                height: 40px;
                margin: 3px auto;
                border: 1px solid gray;
                line-height: 40px;
                background-color: white;
                text-align: left;
                padding-left: 10px;
            }
            textarea{
                width: 90%;
                margin: 0 auto;
                line-height: 20px !important;
                border: 1px solid gray;
                background-color: white;
            }
            .recommend-post{
                width: 90%;
                height: 40px;
                margin: 40px auto;
                background-color: #34d098;
                color: white;
                line-height: 40px;
                border-radius: 2px;
                padding: 0 !important;
                border:0px;
                font-size: 18px;

            }
            
            .hidden input{
                width:0;
                height: 0;
            }
            .recommend-btn img{
                width: 15px;
                height: 8px;
                float: right;
                margin: 17px 10px 0 0;
            }
            /*.exprience{
                height: 190px;
            }*/
            .recommendWord{
                height: 90px;
                padding-top: 10px;
            }
            .recommendWord .recommend-btn{
                height: 70px;
            }
            .baseInfo .recommend-btn{
                height: 35px;
                line-height: 35px;
            }
            #dialog-exprience,#dialog-eduBg,#dialog-exprience-edit,#dialog-eduBg-edit{
                margin-top: 20%;
            }
            .dialog-title{
                text-align: center;
                font-size: 20px;
                padding: 10px 0;
                background-color: #11beb8;
                width: 100%;
                color: white;
            }
            .dialog-company,.dialog-job{
                display: block;
                width: 90% !important;
                margin: 15px auto;
                height: 40px;
                border: 1px solid #e5e5e5;
            }
            .star_time,.end_time{
                display: inline-block;
                width: 35%;
                /*margin-left: 10px;*/
            }
            .form,.to{
                margin-left: 10px;
            }
            .modal-content{
                font-size: 12px;
                color: #A4A6A8;
            }
            .dialog-cacle,.dialog-cacle-eduBg{
                display: inline-block;
                width: 35%;
                height: 40px;
                margin: 20px 0 20px 20px;
                border-radius: 2px;
                background-color: #74E2BB;
                border-color: #74E2BB;
                color: white;
                line-height: 40px;
                text-align: center;
            }
            .dialog-add,.dialog-add-eduBg,.dialog-add-edit,.dialog-add-eduBg-edit{
                display: inline-block;
                width: 35%;
                height: 40px;
                margin: 20px 0 20px 10%;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;
                line-height: 40px;
                text-align: center;
            }
            .resume-text{
                width: 86%;
                text-align: left;
                margin: 5px auto;
                font-size: 13px;
            }
            .resume-text-job{
                color: #A9AEB2;
            }
            .resume-text-job div{
                
                display: inline-block;
            }
            .resume-text-content{
                width: 100%;
                background-color: white;
                padding: 10px 0;
            }
            .hidden{
                width: 0px;
                height: 0px;
            }
            .job-exprience,.eduBg{
                text-align: center;
                color:#34d098;
            }
            .job-exprience img,.eduBg img{
                display: inline;
                float: none;
                width: 15px;
                height: 15px;
                line-height: 35px;
                margin: 0;
                padding: 0;
            }
            .sel-list .sel-item{
                color:black !important;
            }
            .sel-title{
                color:white !important;
            }
            .line{
                position: absolute;
                left: 50%;
                padding-top: 10px;
                width: 100%;
                border-bottom: 1px solid #e2e6ea;
                margin: 20px auto;
               /* z-index: ;*/
                -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                transform: translate(-50%);
            }
            .lineOn{
                position: absolute;
                left: 50%;
                 -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                transform: translate(-50%);
            }
            .black .sel-tit {   
                color: white !important;
            }
            #complete-userInfo
        {
                margin-top: 40%;
        }
        .dialog-title{
            text-align: center;
            font-size: 20px;
            padding: 10px 0;
            background-color: #11beb8;
            width: 100%;
            color: white;
        }
        .dialog-content{
           padding: 50px 10px 30px 10px;
           font-size: 15px; 
        }
        .dialog-btn{
                width: 70%;
                height: 40px;
                margin: 20px auto;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;
                line-height: 40px;
                text-align: center;
        }
        .set-close{
            z-index: 99;
            position: absolute;
            top: -8px;
            right: -8px;
            height: 28px;
            width: 28px;
            padding: 0;
            color: #11beb8;
            font-size: 12px;
            text-align: center;
            background-color: #fff;
            opacity: 1;
            border: 1px solid #11beb8;
            border-radius: 999px;
        }
        .set-close img{
            margin-top: 6px;
            width: 14px;
            height: 14px;
        }
        .edit{
            position: absolute;
            right: 10px;
            width: 20px;
            height: 21px;
            margin-top: 10px;
        }
        </style>
    </head>
    <body>
        <form action="/addon/JianCai/JianCai/recommendPost" method="post">

            <div class="content">
                <div class="title-bar">
                    <!-- <img class="userPic" name="referrerPic" src=" {$user['headimgurl']} "> -->

                    <div class="star">
                        <img src="/Public/img/评价页面的评分（填满）.svg">                
                        <img src="/Public/img/评价页面的评分（填满）.svg">                
                        <img src="/Public/img/评价页面的评分（填满）.svg">                
                        <img src="/Public/img/评价页面的评分（填满）.svg">                
                        <img src="/Public/img/评价页面的评分.svg">                
                        <div>4.8</div>
                    </div>

                    <div class="userName" name="referrer">
                        推荐人:&nbsp;
                        <span> {$user['name']} </span>
                    </div>

                    <div class="userPic" name="referrerPic"></div>


                    <div class="hidden">
                        <input type="hidden" value="{$jobId}" name="jobId" >
                        <!-- <input type="text" value="img/raodaqi.jpg" name="headimgurl">                
                        <input type="text" value="饶大奇" name="referrer">
                         -->
                        </div>
                <!--           候选人姓名            -->
                <div>
                    <div class="line"></div>
                    <div class="candidate-tip lineOn">请填写候选人的资料</div>
                </div>

                <input type="text" class="name" value="" name="candidate" placeholder="候选人姓名"></div>   
                       
               
                <div class="recommend">
                    <div class="recommend-title job">职业信息</div>

                    <div class="recommend-content">
                        <div class="recommend-name">工作年限</div>
                       <!--  <div class="recommend-btn">
                            1-3年
                            <img src="img/下拉箭头.svg"></div> -->
                            <!-- <input type="text" class="recommend-btn" value="" name="jobYear" placeholder="工作年限"> -->
                        <div class="row">
                             <div class="col-xs-12">
                                 <div class="form-group form-group-19" id="formgroup19">
                                     <div class="custom-dropdown">
                                         <input class="custom-dropdown_select" id="select19" value="" name="jobYear" readonly="" placeholder="请输入工作年限"></div>
                                 </div>
                             </div>
                         </div>

                    </div>
                </div>

            <div class="recommend">
                <div class="recommend-title">工作/教育经历</div>

                <div class="recommend-content exprience">
                    <!-- <div class="recommend-name">工作经历</div>
                    <div class="recommend-btn">
                        1-3年
                        <img src="img/下拉箭头.svg"></div>

                    <div class="recommend-name">教育背景</div>
                    <div class="recommend-btn">
                        1-3年
                        <img src="img/下拉箭头.svg"></div> -->
                    <div class="recommend-name">工作经历</div>
                   <!--  <input class="recommend-btn" type="text" placeholder="工作经历" name="jobExprience"> -->
                        <div class="exprience-list">
                            <!-- <div class="resume-text-content" id="0">
                                <img class="edit" src="/Public/img/edit.svg" data-edit="0">
                                <div class="resume-text">
                                    <div class="company-name">xczvz</div>
                                    <div class="resume-text-job">
                                        <div class="job-name">vvzzv</div>
                                        |
                                        <div><span class="star-time">1980</span>-<span class="end-time">1980</span></div>
                                    </div>
                                </div>
                                
                            </div> -->
                        </div>

                        <input type="hidden" class="hidden hidden-jobExprience" name="jobExprience">                        

                        <div class="recommend-btn job-exprience"  data-toggle="modal" >
                            <img src="/Public/img/添加.svg">添加工作经历</div>

                    <div class="recommend-name">教育背景</div>           
                    <!-- <input class="recommend-btn" type="text" placeholder="教育背景" name="eduBg"> -->
                        <div class="eduBg-list"></div>

                        <input type="hidden" class="hidden hidden-eduBg" name="eduBg">                        

                        <div class="recommend-btn eduBg"  data-toggle="modal">
                            <img src="/Public/img/添加.svg">
                            添加教育背景
                        </div>    
            </div>
             <div class="recommend">
                <div class="recommend-title">推荐语</div>
                <div class="recommend-content recommendWord">
                    <textarea class="recommend-btn" type="text" placeholder="请输入推荐语..." name="recommendWord"></textarea>
                </div>
            </div>
        </div>

        <!-- <div class="recommend-post">提交</div> -->
        <input type="submit" class="recommend-post" value="提交">
        </div>
        </form>

         <div class="black dn" id="black" style="display: none;">
            <div id="backGround" class="background"></div>
            <div class="select dn list-group-19">
            <div class="sel-item sel-tit">
                <span>选择工作年限</span>
                <div class="sel-close" id="selClose">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>
            <div class="sel-list" id="group19">
                <a href="#" value="0" class="sel-item list-group-item-19"><span>1－3年</span></a>
                <a href="#" value="1" class="sel-item list-group-item-19"><span>3－5年</span></a>
                <a href="#" value="2" class="sel-item list-group-item-19"><span>5－10年</span></a>
                <a href="#" value="3" class="sel-item list-group-item-19"><span>10年以上</span></a>
                <a href="#" value="4" class="sel-item list-group-item-19"><span>不限</span></a>
            </div>
        </div>
            
        </div>

        <!-- Large modal -->
       <!--  <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">添加工作经历</button> -->

        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="dialog-exprience">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">添加工作经历</div>
                        <input class="dialog-company" id="companyName" type="text" name="companyName" value="" placeholder="请输入公司名称">
                        <input class="dialog-job" id="jobName" type="text"  name="jobName" placeholder="请输入职位名称">
                    <div>
                    <span class="form">从</span>
                        <div class="star_time">
                            <select class="custom-dropdown_select" id="star_time" name="star_time">
                               <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005" selected>2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                            </select>
                        </div>
                        年 <span class="to">到</span>
                        <div class="end_time">
                            <select class="custom-dropdown_select" id="end_time" name="end_time">
                                <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="至今" selected>至今</option>
                            </select>
                            
                        </div>
                        年
                    </div>
                    <div>
                        <div class="dialog-cacle" data-dismiss="modal">
                            取消
                        </div>
                        <div class="dialog-add" data-dismiss="modal">
                            添加
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="dialog-exprience-edit">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">修改工作经历</div>
                        <input class="dialog-company" id="companyNameEdit" type="text" name="companyName" value="" placeholder="请输入公司名称">
                        <input class="dialog-job" id="jobNameEdit" type="text"  name="jobName" placeholder="请输入职位名称">
                    <div>
                    <span class="form">从</span>
                        <div class="star_time">
                            <select class="custom-dropdown_select" id="star_time_edit" name="star_time">
                               <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                            </select>
                        </div>
                        年 <span class="to">到</span>
                        <div class="end_time">
                            <select class="custom-dropdown_select" id="end_time_edit" name="end_time">
                                <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="至今">至今</option>
                            </select>
                            
                        </div>
                        年
                    </div>
                    <div>
                        <div class="dialog-cacle" data-dismiss="modal">
                            取消
                        </div>
                        <div class="dialog-add-edit" data-dismiss="modal">
                            修改
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade bs-example-modal-lg-eduBg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="dialog-eduBg">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">添加教育背景</div>
                        <input class="dialog-company" id="school" type="text" name="companyName" value="" placeholder="请输入学校名称">
                        <!-- <input class="dialog-job" id="jobName" type="text"  name="jobName" placeholder="请输入职位名称"> -->
                        <span class="custom-dropdown dialog-company">
                            <select class="custom-dropdown_select" id="education_degreecity" name="education_degreecity">
                                <option value="专科">专科</option>
                                <option value="本科" selected="">本科</option>
                                <option value="硕士">硕士</option>
                                <option value="博士">博士</option>
                                <option value="其他">其他</option>
                            </select>

                        </span>
                        <input class="dialog-job" id="major" type="text"  name="jobName" placeholder="请输入专业名称">
                    <div>
                        <span class="form">从</span>
                        <div class="star_time">
                            <select class="custom-dropdown_select" id="star_time_eduBg" name="star_time">
                               <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005" selected>2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                            </select>
                        </div>
                            年<span class="to">到</span>
                        <div class="end_time">
                            <select class="custom-dropdown_select" id="end_time_eduBg" name="end_time">
                                <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="至今" selected>至今</option>
                            </select>
                            
                        </div>
                        年
                    </div>
                    <div>
                        <div class="dialog-cacle-eduBg" data-dismiss="modal">
                            取消
                        </div>
                        <div class="dialog-add-eduBg" data-dismiss="modal">
                            添加
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade bs-example-modal-lg-eduBg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="dialog-eduBg-edit">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">修改教育背景</div>
                        <input class="dialog-company" id="schoolEdit" type="text" name="companyName" value="" placeholder="请输入学校名称">
                        <!-- <input class="dialog-job" id="jobName" type="text"  name="jobName" placeholder="请输入职位名称"> -->
                        <span class="custom-dropdown dialog-company">
                            <select class="custom-dropdown_select" id="education_degreecity_edit" name="education_degreecity">
                                <option value="专科">专科</option>
                                <option value="本科" selected="">本科</option>
                                <option value="硕士">硕士</option>
                                <option value="博士">博士</option>
                                <option value="其他">其他</option>
                            </select>

                        </span>
                        <input class="dialog-job" id="majorEdit" type="text"  name="jobName" placeholder="请输入专业名称">
                    <div>
                        <span class="form">从</span>
                        <div class="star_time">
                            <select class="custom-dropdown_select" id="star_time_eduBg_edit" name="star_time">
                               <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                            </select>
                        </div>
                            年<span class="to">到</span>
                        <div class="end_time">
                            <select class="custom-dropdown_select" id="end_time_eduBg_edit" name="end_time">
                                <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="至今">至今</option>
                            </select>
                            
                        </div>
                        年
                    </div>
                    <div>
                        <div class="dialog-cacle-eduBg" data-dismiss="modal">
                            取消
                        </div>
                        <div class="dialog-add-eduBg-edit" data-dismiss="modal">
                            修改
                        </div>
                    </div>
                </div>
            </div>
        </div>

         <!-- <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="complete-userInfo">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">请先完善你的个人资料</div>
                    <div class="dialog-content">
                        只有先完善自己的个人资料才能查看对方的信息
                        <div class="dialog-btn">
                            去完善＝＝》
                        </div>
                    </div>
                </div>
                <div class="set-close">
                    <img src="http://static1.morecruit.cn/img/close_alert_btn.png">
                </div>
            </div>
            
        </div> -->

    </body>
    <script type="text/javascript" src="/Public/js/type.js"></script>
    <script type="text/javascript">

    var userInfo = false;
    var i = 0;
    var j = 100;
    var editId = 0;

    var jobExprience = new Array();
    var eduBackGround = new Array();

    $(".recommend-post").on("click",function(){
        if(!userInfo){
            window.location.href = "/addon/JianCai/JianCai/userInfo.html"
        }
    })
    $(".userPic").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/userMessage.html";
            // $("#complete-userInfo").modal('show');
    })
    $(".set-close").on("click",function(){
         $("#complete-userInfo").modal('hide');
    })
        var exprience;
        var eduBg; 
       
        $(".dialog-add").on("click",function(){
            var companyName = $("#companyName").val();
            var jobName = $("#jobName").val();
            var starTime = $("#star_time").val();
            var endTime = $("#end_time").val();
            i = i + 1;
            console.log(i);
            exprience = '<div class="resume-text-content" id="'+i+'"><img class="edit" src="/Public/img/edit.svg" onclick="edit(i)" data-edit="'+i+'"><div class="resume-text"><div class="company-name">'+companyName+'</div><div class="resume-text-job"><div class="job-name">'+jobName+'</div>|<div><span class="star-time">'+starTime+'</span>-<span class="end-time">'+endTime+'</span></div></div></div></div>';
            $(".exprience-list").append(exprience);

            console.log($(".exprience-list"));

            for( var k = 1; k <= $(".exprience-list .resume-text").length;k++ )
            {
                
                jobExprience[k-1] = {
                        companyName: $("#"+k+" .company-name").text(),
                        jobName: $("#"+k+" .job-name").text(),
                        starTime:$("#"+k+" .star-time").text(),
                        endTime:$("#"+k+" .end-time").text()
                    }
            }
            console.log(JSON.stringify(jobExprience));

            $(".hidden-jobExprience").val(JSON.stringify(jobExprience));
        })

        $(".dialog-add-eduBg").on("click",function(){
            var school = $("#school").val();
            var eduDy = $("#education_degreecity").val();
            var major = $("#major").val();
            var starTimeBg = $("#star_time_eduBg").val();
            var endTimeBg = $("#end_time_eduBg").val();
            j = j + 1;
            eduBg = '<div class="resume-text-content" id="'+j+'"><img class="edit" src="/Public/img/edit.svg" onclick="editBg(j)" data-edit="'+j+'"><div class="resume-text"><div class="school-name">'+school+'</div><div class="resume-text-job"><div class="major">'+major+'</div>|<div class="eduDy">'+eduDy+'</div>|<div><span class="stat-timeBg">'+starTimeBg+'</span>-<span class="end-timeBg">'+endTimeBg+'</span></div></div></div></div>';
            $(".eduBg-list").append(eduBg);
            
             // $(".hidden-eduBg").val(JSON.stringify($(".hidden-eduBg")));
            // $(".hidden-eduBg").val() = $(".hidden-eduBg").val() + eduBg;
            // $(".hidden-jobExprience").val($(".resume-text"));
            // $(".hidden-eduBg").val($(".resume-text-content"));
             for( var M = 1; M <= $(".eduBg-list .resume-text").length;M++ )
            {
                
                eduBackGround[M-1] = {
                        school: $("#"+(M+100)+" .school-name").text(),
                        major: $("#"+(M+100)+" .major").text(),
                        eduDy: $("#"+(M+100)+" .eduDy").text(),
                        starTimeBg:$("#"+(M+100)+" .star-timeBg").text(),
                        endTimeBg:$("#"+(M+100)+" .end-timeBg").text()
                    }
            }
            console.log(JSON.stringify(eduBackGround));

            $(".hidden-eduBg").val(JSON.stringify(eduBackGround));
        })

         $(".job-exprience").on("click",function(){
            $("#dialog-exprience").modal('show');
        })
        $(".eduBg").on("click",function(){
            $("#dialog-eduBg").modal('show');
        })

        // $(".edit").on("click",function(){
        //     console.log("message");
        //     $("#dialog-exprience-edit").modal('show');
        //     var companyName =  $("#"+$(this).data("edit")+" .company-name").text();
        //     var jobName =  $("#"+$(this).data("edit")+" .job-name").text();
        //     var starTime =  $("#"+$(this).data("edit")+" .star-time").text();
        //     var endTime =  $("#"+$(this).data("edit")+" .end-time").text();
        //     editId = $(this).data("edit");

        //     $("#companyNameEdit").val(companyName);
        //     $("#jobNameEdit").val(jobName);
        //     $("#star_time_edit").val(starTime);
        //     $("#end_time_edit").val(endTime);
        // })
        function edit(edit){
            $("#dialog-exprience-edit").modal('show');
            var companyName =  $("#"+edit+" .company-name").text();
            var jobName =  $("#"+edit+" .job-name").text();
            var starTime =  $("#"+edit+" .star-time").text();
            var endTime =  $("#"+edit+" .end-time").text();
            editId = edit;
            console.log(companyName);

            $("#companyNameEdit").val(companyName);
            $("#jobNameEdit").val(jobName);
            $("#star_time_edit").val(starTime);
            $("#end_time_edit").val(endTime);
        }
        $(".dialog-add-edit").on("click",function(){
            var companyName = $("#companyNameEdit").val();
            var jobName = $("#jobNameEdit").val();
            var starTime = $("#star_time_edit").val();
            var endTime = $("#end_time_edit").val();
            console.log(editId);
            console.log(companyName);
            $("#"+editId+" .company-name").text(companyName);
            $("#"+editId+" .job-name").text(jobName);
            $("#"+editId+" .star-time").text(starTime);
            $("#"+editId+" .end-time").text(endTime);

            // $(".hidden-jobExprience").val(JSON.stringify($(".exprience-list")));
            // console.log($(".hidden-jobExprience").val());
            // $(".hidden-jobExprience").val($(".resume-text"));
             for( var k = 1; k <= $(".exprience-list .resume-text").length;k++ )
            {
                
                jobExprience[k-1] = {
                        companyName: $("#"+k+" .company-name").text(),
                        jobName: $("#"+k+" .job-name").text(),
                        starTime:$("#"+k+" .star-time").text(),
                        endTime:$("#"+k+" .end-time").text()
                    }
            }
            console.log(JSON.stringify(jobExprience));

            $(".hidden-jobExprience").val(JSON.stringify(jobExprience));
        })
        function editBg(editBg){
            $("#dialog-eduBg-edit").modal('show');
            var schoolName =  $("#"+editBg+" .school-name").text();
            var major =  $("#"+editBg+" .major").text();
            var eduDy =  $("#"+editBg+" .eduDy").text();
            var starTime =  $("#"+editBg+" .star-timeBg").text();
            var endTime =  $("#"+editBg+" .end-timeBg").text();
            editId = editBg;

            $("#schoolEdit").val(schoolName);
            $("#majorEdit").val(major);
            $("#education_degreecity_edit").val(eduDy);
            $("#star_time_edit").val(starTime);
            $("#end_time_edit").val(endTime);
        }
        $(".dialog-add-eduBg-edit").on("click",function(){
            var school = $("#schoolEdit").val();
            var eduDy = $("#education_degreecity_edit").val();
            var major = $("#majorEdit").val();
            var starTimeBg = $("#star_time_eduBg_edit").val();
            var endTimeBg = $("#end_time_eduBg_edit").val();

            $("#"+editId+" .school-name").text(school);
            $("#"+editId+" .major").text(major);
            $("#"+editId+" .eduDy").text(eduDy);
            $("#"+editId+" .star-timeBg").text(starTimeBg);
            $("#"+editId+" .end-timeBg").text(endTimeBg);

            // $(".hidden-jobExprience").val(JSON.stringify($(".exprience-list")));
            // console.log($(".hidden-jobExprience").val());
            // $(".hidden-eduBg").val($(".resume-text-content"));
            for( var M = 1; M <= $(".eduBg-list .resume-text").length;M++ )
            {
                
                eduBackGround[M-1] = {
                        school: $("#"+(M+100)+" .school-name").text(),
                        major: $("#"+(M+100)+" .major").text(),
                        eduDy: $("#"+(M+100)+" .eduDy").text(),
                        starTimeBg:$("#"+(M+100)+" .star-timeBg").text(),
                        endTimeBg:$("#"+(M+100)+" .end-timeBg").text()
                    }
            }
            console.log(JSON.stringify(eduBackGround));

            $(".hidden-eduBg").val(JSON.stringify(eduBackGround));
        })
    </script>
    </html>